import React,{Component} from 'react'

import {load} from '../../actions/user'

import { connect } from 'react-redux'

import * as ItemsActions from '../../actions/user';

import { bindActionCreators } from 'redux';

import Shelve from './shelveslist'

import { Tabs } from 'antd';

const TabPane = Tabs.TabPane;

@connect(
    state => state.inforesult,
    dispatch => ({
        actions: bindActionCreators(ItemsActions, dispatch)
   })
)

class Home extends Component{
    constructor(props){
        super(props)
        this.state={
        }

    }
    callback(key) {
        console.log(key);
      }
    render(){
        return(
            <div className="list-main">
                <Tabs defaultActiveKey="1" onChange={this.callback}>
                    <TabPane tab="已上架列表" key="1">
                        <Shelve></Shelve>
                    </TabPane>
                    <TabPane tab="待审核列表" key="2">Content of Tab Pane 2</TabPane>
                    <TabPane tab="已下架列表" key="3">Content of Tab Pane 3</TabPane>
                </Tabs>
            </div>
        )
    }
}
export default Home